/*通用样式*/

/*字体*/
.f12{font-size:1.2rem;}
.f13{font-size:1.3rem;}
.f14{font-size:1.4rem;}
.f15{font-size:1.5rem;}
.f16{font-size:1.6rem;}
.f18{font-size:1.8rem;}
.f20{font-size:2.0rem;}
.f24{font-size:2.4rem;}
.f26{font-size:2.6rem;}
.f28{font-size:2.8rem;}
.f30{font-size:3.0rem;}
.f40{font-size:4.0rem;}
.f48{font-size:4.8rem;}

/*文字颜色*/
.colf { color:#fff;}
.col0 { color:#000;}
.col2 { color:#222;}
.col3 { color:#333;}
.col5 { color:#555;}
.col6 { color:#666;}
.col9 { color:#999}
.colc { color:#ccc;}
.col-708 { color:#7087a5;}
.col-7c9 { color:#7c93b0;}
.col-ff7 { color:#ff7d43;}
.col-fe4 { color:#fe4759;}
.col-e73 { color:#e73252;}
.col-cc3 { color:#cc3399;}
.col-ff73 { color:#ff7339;}
.col-cac { color:#cac8c9;}
.col-cc0 { color:#cc0000;}
.col-ffc { color:#ffc20a;}
.col-c25 { color:#c25255;}
.col-ff9 { color:#ff9c00;}
.col-679 { color:#679b37}
.col-e93 { color:#e93c00;}
.col-ff99 { color:#ff9914;}
.col-5bb { color:#5bb5e7;}
.col-033 { color:#033333;}
.col-bd { color:#bdbdbd}

/*文字居中对齐*/	
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.tj{text-align:justify;}

/*文字行高*/
.lh54 { line-height:54px;}
.lh29 { line-height:29px;}
.lh28 { line-height:28px;}
.lh26 { line-height:26px;}
.lh24 { line-height:24px;}
.lh22 { line-height:22px;}
.lh20 { line-height:20px;}
.lh18 { line-height:18px;}
.lh16 { line-height:16px;}
.lh30 { line-height:30px;}
.lh34 { line-height:34px;}
.lh36 { line-height:36px;}

/*背景色*/
.bgc { background:#fff;}
.bgc-0 { background:#000;}
.bgc-c9 { background:#c9def9;}
.bgc-ff73 { background:#ff7339;}
.bgc-e73 { background:#e73252;}
.bgc-fa { background:#fafafa;}
.bgc-f4 { background:#f4f4f4;}
.bgc-f3 { background:#f3f3f3;}
.bgc-e6 { background:#e6e6e6;}
.bgc-fe4 { background:#fe4a65;}
.bgc-ffb { background:#ffb99c;}
.bgc-f5e { background:#f5e7e2;}
.bgc-e4f { background:#e4f1f7;}
.bgc-f4e { background:#f4e7f8;}
.bgc-fef { background:#fefdfd;}
.bgc-fd6 { background:#fd6c69;}
 
/*浮动*/
.l{float:left;}
.r{float:right;}	

/*定位*/
.pr { position:relative;}
.pa { position:absolute;}	
/*固定定位*/
.position-fix {
	position:fixed;
	bottom:0;
	max-width:768px;
	width:100%;
	z-index:99;
}

/*清除样式*/	
.fix{*zoom:1;zoom:1;}
.fix:after{display:table; content:''; clear:both;}	

/*padding值*/
.pad { padding:14px;}
.pad-10 { padding:10px;}
.pad-12 { padding:12px;}
.pad-16 { padding:16px;}
.pad-20 { padding:20px;}
.pad-30 { padding:30px;}
.pad-6 { padding:6px;}
.padtop { padding-top:14px;}
.padbtm { padding-bottom:14px;}
.padtb { padding-top:14px; padding-bottom:14px;}
.padtb-6 { padding-top:6px; padding-bottom:6px;}
.padtb-8 { padding-top:8px; padding-bottom:8px;}
.padtb-10 { padding-top:10px; padding-bottom:10px;}
.padtb-12 { padding-top:12px; padding-bottom:12px;}
.padtb-14 { padding-top:14px; padding-bottom:14px;}
.padtb-16 { padding-top:16px; padding-bottom:16px;}
.padtb-18 { padding-top:18px; padding-bottom:18px;}
.padtb-30 { padding-top:30px; padding-bottom:30px;}
.padlr { padding-left:14px; padding-right:14px;}
.padtl-1012 { padding:10px 12px;}

/*按钮*/
.padbtn1 { padding:6px 12px;}
.padbtn2 { padding:6px 36px;}
.padbtn3 { padding:6px 6px;}
.padbtn4 { padding:8px 32px;}

/*margin值*/
.marl { margin-left:12px;}
.marr { margin-right:12px;}
.martop { margin-top:12px;}
.martop2 { margin-top:2px;}
.martop-4 { margin-top:4px;}
.martop-6 { margin-top:6px;}
.martop-8 { margin-top:8px;}
.martop-10 { margin-top:10px;}
.martop-14 { margin-top:14px;}
.martop-20 { margin-top:20px;}
.martop-2 { margin-top:-2px;}
.marbtm { margin-bottom:12px;}
.marbtm-4 { margin-bottom:4px;}
.marbtm-6 { margin-bottom:6px;}
.marbtm-8 { margin-bottom:8px;}
.marbtm-10 { margin-bottom:10px;}
.marbtm-16 { margin-bottom:16px;}
.marbtm-20 { margin-bottom:20px;}
.marbtm-24 { margin-bottom:24px;}
.marbtm-30 { margin-bottom:30px;}
.marr-4 { margin-right:4px;}
.marr-6 { margin-right:6px;}

/*宽度*/
.width { width:100%;}
.width9 { width:90%;}
.width2 { width:50%;}
.width3 { width:33.3%;}
.width4 { width:25%;}
.width5 { width:20%;}
.width-btn { width:86px;}

/*li宽度*/
.li2 ul li { width:50%; float:left;}
.li3 ul li { width:33.3%; float:left;}
.li4 ul li { width:25%; float:left;}
.li5 ul li { width:20%; float:left;}
.li6 ul li { width:16.66%; float:left;}
.li7 ul li { width:14.28%; float:left;}

/*边框*/
.border0 { border:0;}
.borderf { border:1px solid #fff;}
.border-9 { border:1px solid #999;}
.border-e0 { border:1px solid #e0e0e0;}
.border-cc3 { border:1px solid #cc3399;}
.border-ff73 { border:1px solid #ff7339;}
.borderbtm-db { border-bottom: 1px solid #dbdbdb;}
.borderbtm-d5 { border-bottom:1px solid #d5d5d6;}
.borderbtm-ed { border-bottom:1px solid #ededed;}
.borderbtm-dd { border-bottom:1px solid #ddd;}
.borderbtm-d6 { border-bottom:1px solid #d6d6d6;}
.borderbtm-e9 { border-bottom:1px solid #e9e9e9;}
.borderbtm-e0 { border-bottom:1px solid #e0e0e0;}
.borderbtm-f6 { border-bottom:1px solid #f6f6f6;}
.borderbtm-e3 { border-bottom:1px solid #e3e3e3;}
.bordertop-c { border-top:1px solid #ccc;}
.bordertop-dd { border-top:1px solid #ddd;}
.bordertop-e7 { border-top:1px solid #e7e7e7;}

/*字体加粗*/
.fb { font-weight:bold;}
.fsn { font-style:normal;}
.fn { font-weight:normal;}

.db { display:block;}
.dib { display:inline-block;}
/*块居中显示*/
.ma { margin:0 auto;}
/*首行空两个字符*/
.tg-twoword {text-indent: 2em;}
/*下划线*/
.tg-underline { text-decoration:underline;}
/*删除线*/
.tg-through { text-decoration: line-through;}

/*鼠标点击手型*/
.cup { cursor:pointer;}

a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}

/*溢出	*/	
.ovh{overflow:hidden;}	

/*防溢出，超出内容为省略号*/
.ove {
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}

/*防溢出，超出2行内容为省略号*/
.ov2 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
/*竖线*/
.long {
	display:inline-block;
	width:0;
	height:16px;
	border-right:1px solid #333333;
	margin:0 14px;
	vertical-align:middle;
	margin-top:-4px;
}

/*三角*/
.tg-ico {
	display: inline-block;
    width: 10px;
    height: 10px;
    border: 2px solid;
    background: none;
	
}
.tg-ico-more {
	border-width: 0 2px 2px 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
	
}

/*圆边*/
.borderr4 {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.borderr6 {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
.borderr8 {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}
.borderr10 {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.borderr20 {
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}
.borderr50 {
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;
}
.borderrcicle {
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
}


/*提示点*/
.dotsimg {
	display:inline-block;
	width:8px;
}
.dotsimg img {
	width:100%;
	display:block;
}
.dotsimg-10 {
	display:inline-block;
	width:10px;
}
.dotsimg-10 img {
	width:100%;
	display:block;
}


.icoimg {
	width:16px;
	vertical-align:bottom;
}
.icoimg-20 {
    width: 20px;
    vertical-align: middle;
    margin-top: -2px;
}
.icoimg-24 {
	width:24px;
	vertical-align: middle;
	margin-top:-4px;
}
.icoimg-26 {
    width: 26px;
    vertical-align: middle;
    margin-top: -2px;
}

/*弹窗*/
.tg-tc,.fx-tc {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:999;
	background:rgba(0, 0, 0, 0.6);
}
.tg-tc-con {
	position:absolute;
	top:50%;
	left:50%;
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:86%;
	max-width:400px;
} 
.tg-tc-select {
	position:absolute;
	bottom:0;
	left:50%;
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	width:100%;
	max-width:768px;
}

/*弹窗*/
.tg-tc {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:999;
	background:rgba(0, 0, 0, 0.6);
}
.tg-tc-con {
	position:absolute;
	top:50%;
	left:50%;
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:86%;
	max-width:400px;
} 



/*投影*/
.shade {
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.11);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.11);
}


/*开关*/
.onoff {
	position:relative;
	width:42px;
	height:24px;
	background:#d8d7d6;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	transition: all 1000ms;
	display:inline-block;
	vertical-align:middle;
	margin-top:-4px;
	margin-left:8px;	
	-webkit-box-shadow:inset 0 2px 5px -1px rgba(0, 0, 0, 0.20); 
	-moz-box-shadow:inset 0 2px 5px -1px rgba(0, 0, 0, 0.20); 
	box-shadow: inset 0 2px 5px -1px rgba(0, 0, 0, 0.20);
	border:1px solid #fff;
}
.onoff b {
	position:absolute;
	top:1px;
	left:1px;
	display:block;
	width:20px;
	height:20px;
	background:#fff;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	-webkit-box-shadow:0px 0px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:0px 0px 4px rgba(0, 0, 0, 0.3);
    box-shadow:0px 0px 4px rgba(0, 0, 0, 0.3);
}
.open {
	background: #e73252; 
}
.open b {
	left:19px;

}
.open-two {
	background:#7ecdff;
}
.open-two b {
	left:23px;

}


/*中奖弹窗*/
.jp-tc .tg-tc-con { width:260px;}
.jp-tc p { color:#333; font-size:16px; line-height:30px; margin-bottom:16px; margin-top:12px;}
.jp-tc p span { color:#999; font-size:14px;}
.jp-tc button { width:80%; height:40px; line-height:40px; font-size:14px; color:#fff; background:#00b185; display:block; margin:0 auto;}


/*提示从浏览器中打开弹窗*/
.tipopen-tc .tg-tc-con {
	width:74%;
	top:6%;
	-moz-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.tipopen-img {
	width:100%;
	display: block;
}








